<template>
	<table :class="tableClass">
		<thead>
			<slot name="head"></slot>
		</thead>
		<tbody>
			<slot></slot>
		</tbody>
	</table>
</template>
<script>

	export default {
		props: {
			hover: {
				type: Boolean,
				default: true,
			},
			condensed: {
				type: Boolean,
				default: false,	
			},
			striped: {
				type: Boolean,
				default: true,
			}
		},
		computed: {
			tableClass() {
				return {
					'table': true ,
					'table-hover': this.hover ,
					'table-condensed': this.condensed ,
					'table-striped': this.striped ,
				} 
			}
		}
	}
</script>